<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Lista de usuários do grupo</ui:define>
			<ui:define name="pageHeader">Grupo 
				<h:outputText value="#{exibeParticipanteGrupoBean.grupoEscolhidoPeloParticipante().nomeGrupo}"	/>				
			</ui:define>
			
			<ui:define name="body">			
				<br />
				<div class="titulo1">Integrantes do grupo</div>
				<br />
				<h:messages/>
				<h:form id="listaParticipantes">					
					<p:dataTable value="#{exibeParticipanteGrupoBean.listaParticipantes}" var="listagem" rendered="#{not empty exibeParticipanteGrupoBean.listaParticipantes}">																
						<p:column headerText="Participante" sortBy="#{listagem.usuarios}" >
							<h:outputText value="#{listagem.usuarios.nome}" />
							
						</p:column> 
						<p:column>
							<h:commandButton action="alteraPerfilParticipanteGrupoEsporte" value="altera perfil" styleClass="botoes2" >
								<f:setPropertyActionListener target="#{alteraPerfilBean.participanteGrupoSelecionado}" value="#{listagem}" />
							</h:commandButton>
						</p:column>
					</p:dataTable>														
				</h:form>
				<p/>
				<h:form id="adicionaParticipantes">
					<h:commandLink action="adicionaUsuarioGrupo" value="Adicione Usuarios ao seu Grupo" />
				</h:form>
			</ui:define>
	</ui:composition> 
</html>
